<!--  -->
<template>
  <div class=setting>
      <backHeader title='设置'></backHeader>
      <div class="ruok-setting">
          <ul class='centre-setmini-warp'>
              <li @click="liclick('changePassword')"><a>修改账户密码<span class="arrow-box"></span></a></li>
              <li @click="liclick('fundPassword')"><a>绑定个人信息<span class="arrow-box"></span></a></li>
              <li @click='liclick(3)'><a>关于我们<span class="arrow-box"></span></a></li>
          </ul>
          <a class="centre-logout">退出</a>
      </div>
  </div>
</template>

<script>
import backHeader from '../../components/backHeader'
export default {
  props: [],
  components: {
    backHeader
  },
  data () {
    return {
    }
  },
  computed: {},
  methods: {
    liclick (route) {
      this.$router.push({ name: route })
    }
  }
}

</script>
<style lang='less' scoped>
.centre-setmini-warp {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    margin-bottom: 10.6px;
    font-size: 15px;
}
ul {
    list-style-type: none;
    list-style-image: none;
}
.centre-setmini-warp li, .centre-setmini-warp li a {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.centre-setmini-warp li {
    line-height: 63px;
    border-bottom: 1px solid #efefef;
}
.centre-setmini-warp li a {
    display: block;
    color: #3f3f3f;
    text-decoration: none;
    padding: 0 16px;
}
.centre-setmini-warp li a {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.centre-setmini-warp .arrow-box {
    position: absolute;
    width: 11px;
    height: 17px;
    display: block;
    right: 26px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
    background: url("~images/icon/back2.png") no-repeat;
    background-position: 50%;
    background-size: contain;
}
.centre-logout {
    width: 160px;
    height: 52px;
    background: -webkit-linear-gradient(120deg,#ff78d2,#9067ff);
    display: block;
    border-radius: 107px;
    text-align: center;
    line-height: 52px;
    color: #fff;
    font-size: 16px;
    margin: 54px auto;
}
.centre-setmini-warp li:last-child {
    border-bottom: none;
}
</style>
